		
		<script>
		$(document).ready(function(){
			$(document).tooltip({
				selector: "[data-toggle='tooltip']"
			});
		});
		</script>
		<br/>
		<div class="wrapper clearfix">
        <div class="cl_left">
		<?php $this->load->view('com_search/col_left');?>
        </div>
		<div class="primary">
            <header class="top_pr clearfix">
                <h3 class="title_primary"><i class="icon-question icon-2x"></i>&nbsp;&nbsp;&nbsp;Câu hỏi thường gặp</h3>
            </header>
                <?php if(!empty($faq)) {
                    echo '<ul class="main_question">';
                    foreach ($faq as $a) {
                ?>
                    <li>
                        <h2 class="title_question"><?php echo $a->question; ?></h2>
                        <div class="reply"><?php echo $a->reply; ?></div>
                    </li>
                <?php } echo '</ul>'; } ?>
		</div>
		<!-- /.primary -->
		</div>
		<!-- /.wrapper -->
<script>
    $(document).ready(function(){
       $('.main_question .reply:not(:first)').hide();
       $('.main_question .title_question').click(function(){
            $('.main_question .reply').slideUp(400);
            $(this).parent().find('.reply').stop().toggle(400);
       }); 
    });
</script>